/*
 * @Descripttion: 
 * @Author: cuidm
 * @Date: 2022-07-14 15:10:40
 * @LastEditors: cuidm
 * @LastEditTime: 2022-10-25 14:35:32
 */
import G6 from '@antv/g6';
// 默认节点配置
export const defaultCircleNodeConfig = {
    type: 'modelRect-node',
    size: 26,
    style: {
        cursor: 'pointer',
        fill: '#3056E3',
        shadowColor: '#1b47ea',
        shadowBlur: 1,
        fillOpacity: 0.5,
    },
    icon: {
        fontFamily: 'iconfont',
        fill: '#ffffff',
        show: true,
        fontSize: 16
    },
    labelCfg: {//字体样式
        position: 'bottom',
        offset: 10,
        style: {
            fill: '#666',
            fontSize: 12,
        },
    },
    anchorPoints: [
        [0, 0.5],
        [1, 0.5],
    ]
}

export const defaultNodeConfig = {
    type: 'tree-node',
    anchorPoints: [
        [0, 0.5],
        [1, 0.5],
    ],
    size: 26,
    style: {
        cursor: 'pointer',
        fill: '#3056E3',
        shadowColor: '#1b47ea',
        shadowBlur: 1,
        fillOpacity: 0.5,
    },
    // style: {
    //     // 节点阴影颜色和宽度
    //     shadowColor: "#CCC",
    //     shadowBlur: 20,
    //     // 阴影偏移量
    //     shadowOffsetX: 5,
    //     shadowOffsetY: 5,
    //     // 边框颜色和宽度
    //     stroke: "",
    //     lineWidth: 0,
    //     radius: 40,
    // },
    // size: [300, 30],

    // style: {
    //     width:  100,
    //     height: 30,
    //     radius: 4,
    //     fill:   '#ecf6fc',
    //     stroke: '#999',
    // },
    // labelCfg: {
    //     style: {
    //         // fontSize: 14,
    //         fill: 'red',
    //         fontSize: 12,
    //     },
    // },
}

// 默认线条配置
export const defaultEdgeConfig = {
    // type: 'right-tree',
    type: 'cubic-horizontal',
    style: {
        stroke: '#A3B1BF',
    },
};

export const defaultLayout = {
    type: 'compactBox',
    direction: 'LR',
    getId: function getId(d) {
        return d.id;
    },
    getHeight: function getHeight() {
        return 16;
    },
    getWidth: function getWidth() {
        return 16;
    },
    getVGap: function getVGap() {
        return 20;
    },
    getHGap: function getHGap() {
        return 80;
    },
}


export const defaultTooltip = new G6.Tooltip({
    offsetX: 10,
    offsetY: 20,
    getContent(e) {
        const model = e.item.getModel();
        const outDiv = document.createElement('div');
        outDiv.style.width = '200px';
        outDiv.innerHTML = `
          <div>
              名称：${model.instanceName || model.name} 
          </div>`
        return outDiv
    },
    itemTypes: ['node']
});